<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>3-2-1输入框组</title>
	<link href="lib/lib/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<br>

	<div class="container">
		<div class="input-group">
			<span class="input-group-addon">账号：</span>
			<input type="text" class="form-control" placeholder="userName">
		</div>

		<div class="input-group">
			<input type="text" class="form-control">
			<span class="input-group-addon">.00</span>
		</div>
		
		<div class="input-group input-group-lg">
			<span class="input-group-addon">人民币</span>
			<input type="text" class="form-control" placeholder="大的输入框组，input-group-lg">
			<span class="input-group-addon">.00</span>
		</div>

<!-- 单选、按钮 +输入框 -->
		<div class="row">
			<div class="col-lg-6 col-md-6 col-xs-6 ">
				<div class="input-group">
					<span class="input-group-addon" >
						<input type="checkbox" >
					</span>
					<input type="text " class="form-control">
				</div>
			</div>
		</div>
		
		<div class="row">
			<div class="col-lg-6 col-md-6 col-xs-12 ">
				<div class="input-group">
					<span class="input-group-btn" >
						<button class="btn btn-primary">GO!</button>
					</span>
					<input type="text " class="form-control">
				</div>
			</div>
		</div>

		<!-- 下拉菜单+输入框组 -->
		<div class="row">
			<div class="col-lg-6 col-md-6 col-xs-12 ">
				<div class="input-group">
					<div class="input-group-btn">
						<button type="button" class="btn btn-default dropdown" data-toggle="dropdown"> Action <span class="caret"></span>
						</button>

						<ul class="dropdown-menu" role="menu">
							<li ><a href="#">hello</a></li>
							<li ><a href="#">hello</a></li>
							<li ><a href="#">hello</a></li>
							<li ><a href="#">hello</a></li>
						</ul>
					</div>

					<input type="text" class="form-control">
				</div>
			</div>
		</div>
		
		

	</div>








<br><br><br><br><br>
<!-- 引入本地文件 bootstrap基于JQ上运行，需加载JQ文件-->
<script src="lib/jquery/jquery-1.11.0.min.js"></script>
<script src="lib/lib/js/bootstrap.min.js"></script>
	
</body>
</html>